<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Page of Administrator</title>
        <!-- begin css -->
        <link rel="stylesheet" type="text/css" href="<?php echo base_url('public/admin'); ?>/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="<?php echo base_url('public/admin'); ?>/css/bootstrap-reset.css">
        <link rel="stylesheet" type="text/css" href="<?php echo base_url('public/admin'); ?>/css/style.css">
        <!-- end css -->
    </head>
    <body class="sticky-header">


        <!-- begin main-container -->
        <div class="main-content">
            <!-- begin headersection -->
            <div class="header-section">
                <a href="" class="toggle-btn"><i class="glyphicon glyphicon-tasks"></i></a>
                <div class="nav nav-bar">
                    <ul class="notification-menu">
                        <li><a href="">
                                <i></i>
                                <span></span>
                                <i></i>
                                <span></span>
                                <i></i>
                                <span></span>
                                <i></i>
                                <span></span>
                                <i></i>
                                <span></span>
                            </a></li>
                    </ul>
                </div>
            </div>
            <!-- end header-section -->
            <!-- begin leftside -->
            <div class="left-side sticky-left-side">
                <div class="left-side-inner">
                    <div class="media profile-left" style="min-height:50px;"></div>

                    <div>
                        <!-- begin nav -->	
                        <div>
                            <ul class="nav nav-pills nav-stacked custom-nav">
                                <li class="menu-list">
                                    <a href="homepage.html">
                                        <i class="glyphicon glyphicon-home fa fa-"></i>
                                        <span>Home</span>								
                                    </a>                                   
                                    <ul class="sub-menu-list" style="display: none;">
                                        <li>
                                            <a href="homepage1.html">homepage1</a>
                                            <a href="homepage2.html">homepage2</a>
                                            <a href="homepage3.html">homepage3</a>
                                            <a href="home.html">home 1</a>
                                            <a href="home.html">home 2</a>
                                            <a href="home.html">home 3</a>
                                            <a href="home.html">home 4</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-list">
                                    <a href="layouts.html">
                                        <i class="glyphicon glyphicon-home fa fa-"></i>
                                        <span>Sản phẩm</span>								
                                    </a>
                                     <?php echo $loaisanpham;?>
                                </li>
                                <li class="menu-list">
                                    <a href="ui elements.html">
                                        <i class="glyphicon glyphicon-home fa fa-"></i>
                                        <span>ui elements</span>								
                                    </a>
                                    <ul class="sub-menu-list" style="display: none;">
                                        <li>
                                            <a href="ui elements1.html">ui elements1</a>
                                            <a href="ui elements2.html">ui elements2</a>
                                            <a href="ui elements3.html">ui elements3</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-list">
                                    <a href="components.html">
                                        <i class="glyphicon glyphicon-home fa fa-"></i>
                                        <span>compenents</span>								
                                    </a>
                                    <ul class="sub-menu-list" style="display: none;">
                                        <li>
                                            <a href="components1.html">components1</a>
                                            <a href="components2.html">components2</a>
                                            <a href="components3.html">components3</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-list">
                                    <a href="mail.html">
                                        <i class="glyphicon glyphicon-home fa fa-"></i>
                                        <span>mail</span>								
                                    </a>
                                    <ul class="sub-menu-list" style="display: none;">
                                        <li>
                                            <a href="mail1.html">mail1</a>
                                            <a href="mail2.html">mail2</a>
                                            <a href="mail3.html">mail3</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-list">
                                    <a href="forms.html">
                                        <i class="glyphicon glyphicon-home fa fa-"></i>
                                        <span>forms</span>								
                                    </a>
                                    <ul class="sub-menu-list" style="display: none;">
                                        <li>
                                            <a href="forms1.html">forms1</a>
                                            <a href="forms2.html">forms2</a>
                                            <a href="forms3.html">forms3</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-list">
                                    <a href="charts.html">
                                        <i class="glyphicon glyphicon-home fa fa-"></i>
                                        <span>charts</span>								
                                    </a>
                                    <ul class="sub-menu-list" style="display: none;">
                                        <li>
                                            <a href="charts1.html">charts1</a>
                                            <a href="charts2.html">charts2</a>
                                            <a href="charts3.html">charts3</a>
                                        </li>
                                    </ul>
                                </li>

                                <li class="menu-list">
                                    <a href="datatable.html">
                                        <i class="glyphicon glyphicon-home fa fa-"></i>
                                        <span>datatable</span>								
                                    </a>
                                    <ul class="sub-menu-list" style="display: none;">
                                        <li>
                                            <a href="datatable1.html">datatable1</a>
                                            <a href="datatable2.html">datatable2</a>
                                            <a href="datatable3.html">datatable3</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-list">
                                    <a href="datatable.html">
                                        <i class="glyphicon glyphicon-comment fa fa-"></i>
                                        <span>Messages</span>								
                                    </a>
                                    <ul class="sub-menu-list" style="display: none;">
                                        <li>
                                            <a href="Message1">Message1</a>
                                            <a href="Message2">Message1</a>
                                            <a href="Message3">Message1</a>
                                            <a href="Message4">Message1</a>
                                            <a href="Message5">Message1</a>
                                            <a href="datatable1.html">datatable1</a>
                                            <a href="datatable2.html">datatable2</a>
                                            <a href="datatable3.html">datatable3</a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- end nav -->
                </div>
            </div>
            <!-- end leftside -->
            <!-- begin logo -->
            <div id="logo"></div>
            <!-- end logo -->
            <!-- begin page-section -->
            <div class="page-section"></div>
            <!-- end page-section -->
            <!-- begin pageheader -->
            <div class="pageheader"></div>
            <!-- end page header -->
            <!-- begin wrapper -->
            <div class="wrapper">
                <!--begin-->
                <?php
//                foreach ($views as $view) {
//                    $this->load->view($view,NULL,TRUE);
//                }
                echo $themsanpham;
                echo $sp_view;
                ?>
               
                <!--end-->
                <!-- begin table -->
                <div class="row">
                    <div class="col-md-12">
                        <section class="panel">
                            <header class="panel-heading">Mô tả sản phẩm</header>
                            <div class="panel-body">
                                <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi hic eos porro sequi quaerat labore, placeat tempore dolore excepturi voluptatum repellendus asperiores, neque iusto minus! Nemo, officia praesentium temporibus magni.</div>
                                <div>Rem, eaque, voluptatum. Quod dignissimos aliquid, asperiores, sunt explicabo non nemo a iure itaque beatae eaque consequatur voluptatum animi eos. Unde quas deleniti, totam et facilis tenetur voluptatum accusamus nulla.</div>
                                <div>Velit neque nam veniam tempore iste quasi obcaecati qui rem, praesentium quo cumque earum, labore temporibus placeat exercitationem a sint fugiat dolores repellendus! Tempore, deserunt aliquam voluptatum ad fugit blanditiis.</div>
                                <div>Fugiat blanditiis a quae dicta autem dolorem, molestiae ipsam culpa qui assumenda minima necessitatibus aut totam nesciunt, magni cum natus ea soluta recusandae et voluptatum consequatur, aperiam, obcaecati nam! Perspiciatis.</div>
                                <div>Fugiat voluptas minus consequuntur, iusto quod maxime delectus reiciendis, alias nemo nobis, aut harum sunt facere vero. Quis ad cupiditate excepturi. Nesciunt ducimus quod ab doloribus accusantium dolorem eaque quasi?</div>
                                <div>Sed consectetur dicta dolorem ea praesentium consequuntur magni, ratione aspernatur similique nisi laborum nesciunt, animi commodi ipsum placeat, unde necessitatibus quos! Quibusdam laboriosam, pariatur labore quae odit beatae nesciunt esse.</div>
                                <div>Harum fuga, vitae necessitatibus officiis totam nobis a! Vero quis a earum quidem nostrum, eos odio, corporis voluptatem eum ratione amet fugit qui et ex, nam libero voluptates harum sequi.</div>
                                <div>Amet, dolor sequi quos soluta blanditiis, dolorum excepturi nesciunt, voluptatum porro eaque explicabo. Repudiandae temporibus ipsum, iusto molestias, fugit accusantium labore magni soluta veritatis quos amet, fugiat quam saepe sed.</div>
                                <div>Corporis dolor debitis aliquam commodi vero sunt, laudantium, optio fugit repellat obcaecati quas adipisci consequatur aut. Soluta nostrum sint, ducimus consequatur, optio veritatis ipsum perspiciatis sunt, atque quo ex in?</div>
                                <div>Quam, laudantium consequuntur facere magni consectetur expedita hic placeat quo accusamus, vitae molestias doloremque eveniet architecto obcaecati neque labore eum modi quod aperiam et voluptatem itaque nesciunt facilis dignissimos quasi.</div>
                            </div>
                        </section>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <section class="panel panel-default">
                            <header id="sp" class="panel-heading">Mô tả sản phẩm</header>
                            <div class="panel-body">
                                <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi hic eos porro sequi quaerat labore, placeat tempore dolore excepturi voluptatum repellendus asperiores, neque iusto minus! Nemo, officia praesentium temporibus magni.</div>
                                <div>Rem, eaque, voluptatum. Quod dignissimos aliquid, asperiores, sunt explicabo non nemo a iure itaque beatae eaque consequatur voluptatum animi eos. Unde quas deleniti, totam et facilis tenetur voluptatum accusamus nulla.</div>
                                <div>Velit neque nam veniam tempore iste quasi obcaecati qui rem, praesentium quo cumque earum, labore temporibus placeat exercitationem a sint fugiat dolores repellendus! Tempore, deserunt aliquam voluptatum ad fugit blanditiis.</div>
                                <div>Fugiat blanditiis a quae dicta autem dolorem, molestiae ipsam culpa qui assumenda minima necessitatibus aut totam nesciunt, magni cum natus ea soluta recusandae et voluptatum consequatur, aperiam, obcaecati nam! Perspiciatis.</div>
                                <div>Fugiat voluptas minus consequuntur, iusto quod maxime delectus reiciendis, alias nemo nobis, aut harum sunt facere vero. Quis ad cupiditate excepturi. Nesciunt ducimus quod ab doloribus accusantium dolorem eaque quasi?</div>
                                <div>Sed consectetur dicta dolorem ea praesentium consequuntur magni, ratione aspernatur similique nisi laborum nesciunt, animi commodi ipsum placeat, unde necessitatibus quos! Quibusdam laboriosam, pariatur labore quae odit beatae nesciunt esse.</div>
                                <div>Harum fuga, vitae necessitatibus officiis totam nobis a! Vero quis a earum quidem nostrum, eos odio, corporis voluptatem eum ratione amet fugit qui et ex, nam libero voluptates harum sequi.</div>
                                <div>Amet, dolor sequi quos soluta blanditiis, dolorum excepturi nesciunt, voluptatum porro eaque explicabo. Repudiandae temporibus ipsum, iusto molestias, fugit accusantium labore magni soluta veritatis quos amet, fugiat quam saepe sed.</div>
                                <div>Corporis dolor debitis aliquam commodi vero sunt, laudantium, optio fugit repellat obcaecati quas adipisci consequatur aut. Soluta nostrum sint, ducimus consequatur, optio veritatis ipsum perspiciatis sunt, atque quo ex in?</div>
                                <div>Quam, laudantium consequuntur facere magni consectetur expedita hic placeat quo accusamus, vitae molestias doloremque eveniet architecto obcaecati neque labore eum modi quod aperiam et voluptatem itaque nesciunt facilis dignissimos quasi.</div>
                            </div>
                        </section>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <section class="panel">
                            <header id="them" class="panel-heading">Button 2</header>
                            <div class="panel-body">
                                <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi hic eos porro sequi quaerat labore, placeat tempore dolore excepturi voluptatum repellendus asperiores, neque iusto minus! Nemo, officia praesentium temporibus magni.</div>
                                <div>Rem, eaque, voluptatum. Quod dignissimos aliquid, asperiores, sunt explicabo non nemo a iure itaque beatae eaque consequatur voluptatum animi eos. Unde quas deleniti, totam et facilis tenetur voluptatum accusamus nulla.</div>
                                <div>Velit neque nam veniam tempore iste quasi obcaecati qui rem, praesentium quo cumque earum, labore temporibus placeat exercitationem a sint fugiat dolores repellendus! Tempore, deserunt aliquam voluptatum ad fugit blanditiis.</div>
                                <div>Fugiat blanditiis a quae dicta autem dolorem, molestiae ipsam culpa qui assumenda minima necessitatibus aut totam nesciunt, magni cum natus ea soluta recusandae et voluptatum consequatur, aperiam, obcaecati nam! Perspiciatis.</div>
                                <div>Fugiat voluptas minus consequuntur, iusto quod maxime delectus reiciendis, alias nemo nobis, aut harum sunt facere vero. Quis ad cupiditate excepturi. Nesciunt ducimus quod ab doloribus accusantium dolorem eaque quasi?</div>
                                <div>Sed consectetur dicta dolorem ea praesentium consequuntur magni, ratione aspernatur similique nisi laborum nesciunt, animi commodi ipsum placeat, unde necessitatibus quos! Quibusdam laboriosam, pariatur labore quae odit beatae nesciunt esse.</div>
                                <div>Harum fuga, vitae necessitatibus officiis totam nobis a! Vero quis a earum quidem nostrum, eos odio, corporis voluptatem eum ratione amet fugit qui et ex, nam libero voluptates harum sequi.</div>
                                <div>Amet, dolor sequi quos soluta blanditiis, dolorum excepturi nesciunt, voluptatum porro eaque explicabo. Repudiandae temporibus ipsum, iusto molestias, fugit accusantium labore magni soluta veritatis quos amet, fugiat quam saepe sed.</div>
                                <div>Corporis dolor debitis aliquam commodi vero sunt, laudantium, optio fugit repellat obcaecati quas adipisci consequatur aut. Soluta nostrum sint, ducimus consequatur, optio veritatis ipsum perspiciatis sunt, atque quo ex in?</div>
                                <div>Quam, laudantium consequuntur facere magni consectetur expedita hic placeat quo accusamus, vitae molestias doloremque eveniet architecto obcaecati neque labore eum modi quod aperiam et voluptatem itaque nesciunt facilis dignissimos quasi.</div>
                                <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi hic eos porro sequi quaerat labore, placeat tempore dolore excepturi voluptatum repellendus asperiores, neque iusto minus! Nemo, officia praesentium temporibus magni.</div>
                                <div>Rem, eaque, voluptatum. Quod dignissimos aliquid, asperiores, sunt explicabo non nemo a iure itaque beatae eaque consequatur voluptatum animi eos. Unde quas deleniti, totam et facilis tenetur voluptatum accusamus nulla.</div>
                                <div>Velit neque nam veniam tempore iste quasi obcaecati qui rem, praesentium quo cumque earum, labore temporibus placeat exercitationem a sint fugiat dolores repellendus! Tempore, deserunt aliquam voluptatum ad fugit blanditiis.</div>
                                <div>Fugiat blanditiis a quae dicta autem dolorem, molestiae ipsam culpa qui assumenda minima necessitatibus aut totam nesciunt, magni cum natus ea soluta recusandae et voluptatum consequatur, aperiam, obcaecati nam! Perspiciatis.</div>
                                <div>Fugiat voluptas minus consequuntur, iusto quod maxime delectus reiciendis, alias nemo nobis, aut harum sunt facere vero. Quis ad cupiditate excepturi. Nesciunt ducimus quod ab doloribus accusantium dolorem eaque quasi?</div>
                                <div>Sed consectetur dicta dolorem ea praesentium consequuntur magni, ratione aspernatur similique nisi laborum nesciunt, animi commodi ipsum placeat, unde necessitatibus quos! Quibusdam laboriosam, pariatur labore quae odit beatae nesciunt esse.</div>
                                <div>Harum fuga, vitae necessitatibus officiis totam nobis a! Vero quis a earum quidem nostrum, eos odio, corporis voluptatem eum ratione amet fugit qui et ex, nam libero voluptates harum sequi.</div>
                                <div>Amet, dolor sequi quos soluta blanditiis, dolorum excepturi nesciunt, voluptatum porro eaque explicabo. Repudiandae temporibus ipsum, iusto molestias, fugit accusantium labore magni soluta veritatis quos amet, fugiat quam saepe sed.</div>
                                <div>Corporis dolor debitis aliquam commodi vero sunt, laudantium, optio fugit repellat obcaecati quas adipisci consequatur aut. Soluta nostrum sint, ducimus consequatur, optio veritatis ipsum perspiciatis sunt, atque quo ex in?</div>
                                <div>Quam, laudantium consequuntur facere magni consectetur expedita hic placeat quo accusamus, vitae molestias doloremque eveniet architecto obcaecati neque labore eum modi quod aperiam et voluptatem itaque nesciunt facilis dignissimos quasi.</div>
                                <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi hic eos porro sequi quaerat labore, placeat tempore dolore excepturi voluptatum repellendus asperiores, neque iusto minus! Nemo, officia praesentium temporibus magni.</div>
                                <div>Rem, eaque, voluptatum. Quod dignissimos aliquid, asperiores, sunt explicabo non nemo a iure itaque beatae eaque consequatur voluptatum animi eos. Unde quas deleniti, totam et facilis tenetur voluptatum accusamus nulla.</div>
                                <div>Velit neque nam veniam tempore iste quasi obcaecati qui rem, praesentium quo cumque earum, labore temporibus placeat exercitationem a sint fugiat dolores repellendus! Tempore, deserunt aliquam voluptatum ad fugit blanditiis.</div>
                                <div>Fugiat blanditiis a quae dicta autem dolorem, molestiae ipsam culpa qui assumenda minima necessitatibus aut totam nesciunt, magni cum natus ea soluta recusandae et voluptatum consequatur, aperiam, obcaecati nam! Perspiciatis.</div>
                                <div>Fugiat voluptas minus consequuntur, iusto quod maxime delectus reiciendis, alias nemo nobis, aut harum sunt facere vero. Quis ad cupiditate excepturi. Nesciunt ducimus quod ab doloribus accusantium dolorem eaque quasi?</div>
                                <div>Sed consectetur dicta dolorem ea praesentium consequuntur magni, ratione aspernatur similique nisi laborum nesciunt, animi commodi ipsum placeat, unde necessitatibus quos! Quibusdam laboriosam, pariatur labore quae odit beatae nesciunt esse.</div>
                                <div>Harum fuga, vitae necessitatibus officiis totam nobis a! Vero quis a earum quidem nostrum, eos odio, corporis voluptatem eum ratione amet fugit qui et ex, nam libero voluptates harum sequi.</div>
                                <div>Amet, dolor sequi quos soluta blanditiis, dolorum excepturi nesciunt, voluptatum porro eaque explicabo. Repudiandae temporibus ipsum, iusto molestias, fugit accusantium labore magni soluta veritatis quos amet, fugiat quam saepe sed.</div>
                                <div>Corporis dolor debitis aliquam commodi vero sunt, laudantium, optio fugit repellat obcaecati quas adipisci consequatur aut. Soluta nostrum sint, ducimus consequatur, optio veritatis ipsum perspiciatis sunt, atque quo ex in?</div>
                                <div>Quam, laudantium consequuntur facere magni consectetur expedita hic placeat quo accusamus, vitae molestias doloremque eveniet architecto obcaecati neque labore eum modi quod aperiam et voluptatem itaque nesciunt facilis dignissimos quasi.</div>
                            </div>
                        </section>
                    </div>
                </div>
                <div class="row">				
                    <div class="col-sm-12">
                        <section class="panel">
                            <header class="panel-heading"> General Table </header>
                            <div class="panel-body">
                                <table class="table table-hover general-table">
                                    <thead>
                                        <tr>
                                            <th> Company</th>
                                            <th class="hidden-phone">Descrition</th>
                                            <th>Profit</th>
                                            <th>Status</th>
                                            <th>Progress</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td><a href="#">
                                                    ThemeBucket
                                                </a>
                                            </td>
                                            <td class="hidden-phone">Lorem Ipsum dorolo</td>
                                            <td>556.00$ </td>
                                            <td><span class="label label-warning label-mini">Due</span></td>
                                            <td><div class="progress progress-striped progress-xs">
                                                    <div style="width: 70%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-danger">
                                                        <span class="sr-only">70% Complete (success)</span>
                                                    </div>
                                                </div></td>
                                        </tr>
                                        <tr>
                                            <td><a href="#">
                                                    XYZ
                                                </a>
                                            </td>
                                            <td class="hidden-phone">Lorem Ipsum dorolo</td>
                                            <td>13240.00$ </td>
                                            <td><span class="label label-success label-mini">Paid</span></td>
                                            <td><div class="progress progress-striped progress-xs">
                                                    <div style="width: 55%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-warning">
                                                        <span class="sr-only">55% Complete (success)</span>
                                                    </div>
                                                </div></td>
                                        </tr>
                                        <tr>
                                            <td><a href="#">
                                                    Graphics
                                                </a></td>
                                            <td class="hidden-phone">Lorem Ipsum dorolo imit</td>
                                            <td>1320.00$ </td>
                                            <td><span class="label label-info label-mini">Due</span></td>
                                            <td><div class="progress progress-striped progress-xs">
                                                    <div style="width: 40%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-success">
                                                        <span class="sr-only">40% Complete (success)</span>
                                                    </div>
                                                </div></td>
                                        </tr>
                                        <tr>
                                            <td><a href="#">
                                                    BCSE
                                                </a>
                                            </td>
                                            <td class="hidden-phone">Lorem Ipsum dorolo</td>
                                            <td>3455.50$ </td>
                                            <td><span class="label label-danger label-mini">Paid</span></td>
                                            <td><div class="progress progress-striped progress-xs">
                                                    <div style="width: 90%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-info">
                                                        <span class="sr-only">90% Complete (success)</span>
                                                    </div>
                                                </div></td>
                                        </tr>
                                        <tr>
                                            <td><a href="#">
                                                    AVC Ltd
                                                </a></td>
                                            <td class="hidden-phone">Lorem Ipsum dorolo imit</td>
                                            <td>110.00$ </td>
                                            <td><span class="label label-primary label-mini">Due</span></td>
                                            <td><div class="progress progress-striped progress-xs">
                                                    <div style="width: 60%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-success">
                                                        <span class="sr-only">60% Complete (success)</span>
                                                    </div>
                                                </div></td>
                                        </tr>
                                        <tr>
                                            <td><a href="#">
                                                    Themeforest
                                                </a>
                                            </td>
                                            <td class="hidden-phone">Lorem Ipsum dorolo</td>
                                            <td>456.00$ </td>
                                            <td><span class="label label-warning label-mini">Due</span></td>
                                            <td><div class="progress progress-striped progress-xs">
                                                    <div style="width: 40%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-danger">
                                                        <span class="sr-only">40% Complete (success)</span>
                                                    </div>
                                                </div></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </section>
                    </div>
                </div>

                <!-- end table -->
                <!-- <div class="row">
                        <div class="col-md-3 col-sm-6">
                                <div class="panel">
                                        <div class="panel-body"></div>
                                        <div class="panel-footer"></div>
                                        <div class="panel-body"></div>
                                        <div class="panel-footer"></div>
                                        <div class="panel-body"></div>
                                        <div class="panel-footer"></div>
                                </div>
                        </div>
                </div>
                <div class="row">
                        <div class="col-md-3 col-sm-6">
                                <div class="panel">
                                        <div class="panel-body"></div>
                                        <div class="panel-footer"></div>
                                        <div class="panel-body"></div>
                                        <div class="panel-footer"></div>
                                        <div class="panel-body"></div>
                                        <div class="panel-footer"></div>
                                </div>
                        </div>
                </div>
                <div class="row">
                        <div class="col-md-3 col-sm-6">
                                <div class="panel">
                                        <div class="panel-body"></div>
                                        <div class="panel-footer"></div>
                                        <div class="panel-body"></div>
                                        <div class="panel-footer"></div>
                                        <div class="panel-body"></div>
                                        <div class="panel-footer"></div>
                                </div>
                        </div>
                </div>
                <div class="row">
                        <div class="col-md-3 col-sm-6">
                                <div class="panel">
                                        <div class="panel-body"></div>
                                        <div class="panel-footer"></div>
                                        <div class="panel-body"></div>
                                        <div class="panel-footer"></div>
                                        <div class="panel-body"></div>
                                        <div class="panel-footer"></div>
                                </div>
                        </div>
                </div> -->
            </div>
            <!-- end page wrapper -->
            <!-- begin footer -->
            <footer> 2014 © Admin template by SonUIT </footer>
            <!-- end footer -->
            <div id="left-scroll"></div>
        </div>
        <!-- end main-container -->
        <!-- begin js -->
        <script src="<?php echo base_url('public/admin'); ?>/js/jquery.js" ></script>
        <script src="<?php echo base_url('public/admin'); ?>/js/jquery-ui.min.js"></script>
        <script src="<?php echo base_url('public/admin'); ?>/js/bootstrap.min.js"></script>
        <script src="<?php echo base_url('public/admin'); ?>/js/jquery.nicescroll.min.js"></script>
        <script src="<?php echo base_url('public/admin'); ?>/js/js.js"></script>

        <!-- end js -->
    </body>
</html>